<!-- 分类 -->
<template>
  <view class="category-box">
    <!-- 三级分类 -->
    <!-- <three-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 4"></three-catgory> -->
    <!-- 二级分类 -->
    <!-- <two-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 3"></two-catgory> -->
    <!-- 一级分类-->
    <!-- <one-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 2"></one-catgory> -->
    <!--直接购买，点餐 -->
    <!-- <takeout-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 1"></takeout-catgory> -->
    <!-- 登录提示 -->
    <!-- <shopro-auth-modal v-if="authType"></shopro-auth-modal> -->
    <!-- <shopro-tabbar></shopro-tabbar> -->
    <!-- <countdown></countdown> -->
    <!-- 缺省页 -->
    <shopro-empty
      v-if="isEmpty"
      :image="
        $IMG_URL + '/uploads/20230527/1e99ed6f50f2128119edaf6425f4043c.png'
      "
      tipText="该功能还在建设中~~"
    ></shopro-empty>
  </view>
</template>

<script>
import takeoutCatgory from './category/takeout-catgory.vue';
import threeCatgory from './category/three-catgory.vue';
import twoCatgory from './category/two-catgory.vue';
import oneCatgory from './category/one-catgory.vue';
import countdown from './components/countdown.vue';
import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
export default {
  components: {
    takeoutCatgory,
    threeCatgory,
    twoCatgory,
    oneCatgory,
    countdown,
  },
  data() {
    return {
      isEmpty: true,
      categoryType: 0, //1:快速购买,2:一级分类，3:二级分类，4:三级分类
      categoryStyleId: 0, //分类Id
    };
  },
  computed: {
    ...mapGetters(['authType']),
  },
  onLoad() {
    // this.getCategory();
  },
  methods: {
    /**
     * 获取分类数据
     *  type4:三级分类， type3:二级分类 ,type2:一级分类,type1:快速购买
     */
    getCategory() {
      this.$http('category.info', {
        id: this.$Route.query.id ? this.$Route.query.id : 0,
      }).then((res) => {
        if (res.code === 1) {
          if (res.data?.type) {
            this.categoryType = Number(res.data.type);
            this.categoryStyleId = Number(res.data.id);
            uni.setNavigationBarTitle({
              title: res.data?.name,
            });
          }
        }
      });
    },
  },
};
</script>

<style lang="scss">
.category-box {
  height: 100%;
  flex: 1;
  overflow: hidden;
}
</style>
